<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>慧聪网-登录</title>
    <link type="text/css" rel="stylesheet" href="https://styles.hc360.com/css/my/style/regist/login2020.css" />
    <link rel="stylesheet" href="//style.org.hc360.com/css/detail/mysite/siteconfig/new_product/loginVerification.css">
    <link rel="stylesheet" href="./css/login.css">
    <script src="../static/libs/javascripts/jQuery.js"></script>
    <script src="../static/libs/javascripts/cookie.js"></script>
    <script src="./javascripts/login.js"></script>
</head>

<body>
    <div class="alert alert-success" id="login_tip">这是一个提示</div>
    <div class="header">
        <div class="w1000">
            <div class="fl">
                <a href="https://localhost:8080/dist/index.html" class="logo" target="_blank"></a>
                <h1>欢迎登录</h1>
            </div>
        </div>
    </div>
    <div class="headerBot w1000" id="header-link">
        <a href="javascript:void(0);" class="kf-qrcode">在线客服</a>
        <p>客服热线：010-80707000</p>
    </div>
    <div class="loginBox w900">
        <div class="loginLeft fl">
            <dl>
                <dt>
                    <h2>线索</h2>
                    <p>日均10万条采购线索</p>
                </dt>
                <dt>
                    <h2>行业</h2>
                    <p>覆盖63个行业</p>
                </dt>
            </dl>
        </div>
        <div class="loginRig">
            <div class="tit">
                <h3 class="loginTab" id="0">密码登录</h3>
                <span></span>
                <h3 class="loginTab" id="1">短信登录</h3>
            </div>
            <!--密码登录-->
            <ul class="PsdLogin">
                <li class="LoginPsdMobile">
                    <div class="inputCon">
                        <h3>账号</h3>
                        <input type="text" id="username" class="pasMobile text w280" maxlength='15'
                            placeholder="请输入用户名或手机号">
                    </div>
                    <p class="wrong">请输入正确的手机号码</p>
                </li>
                <li>
                    <div class="inputCon LoginPsdVal">
                        <h3>密码</h3>
                        <input type="password" id="password" class="text w280" placeholder="请输入您的密码">
                    </div>
                    <p class="wrong">请输入正确的手机号码</p>
                </li>
                <li>
                    <div class="drag">
                        <div class="dragBbg"></div>
                        <div class="dragText">请按住滑块，拖动到最右边</div>
                        <div class="handler handlerBg"></div>
                    </div>
                    <p class="wrong">滑动进行验证</p>
                </li>
            </ul>
            <!--短信登录-->
            <ul class='TextLogin' style="display: none;">
                <li class="LoginSmsMobile">
                    <div class="inputCon">
                        <h3>手机号</h3>
                        <input type="text" class="smsMobile text w280" placeholder="请输入手机号" maxlength="11"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')">
                    </div>
                    <p class="wrong">请输入正确的手机号码</p>
                </li>
                <li style="display: none;">
                    <div class="drag">
                        <div class="dragBbg"></div>
                        <div class="dragText">请按住滑块，拖动到最右边</div>
                        <div class="handler handlerBg"></div>
                    </div>
                    <p class="wrong">滑动进行验证</p>
                </li>
                <li>
                    <div class="smsvBtn  vBtn" style="display: block">
                        <em></em>
                        点击完成验证
                    </div>
                    <div href="javascript:void(0);" class="vBtnSuccess" style="display: none">
                        <em></em>
                        验证成功
                    </div>
                    <p class="wrong">滑动进行验证</p>
                </li>
                <li>
                    <div class="inputCon smsLoginCode">
                        <h3>验证码</h3>
                        <input type="text" maxlength="6" class="text w280" placeholder="请输入短信验证码"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')">
                        <button class="TextLoginCodeBtn" type="button" id="getCode">获取验证码</button>
                    </div>
                    <p class="wrong">请输入正确的短信验证码</p>
                </li>
            </ul>
            <div class="loginBtn" id="js-login-btn">
                <button id="submit">登录</button>
                <div class="regBtn">
                    <a>免费注册</a>
                    <a> 忘记密码</a>
                    <a> 忘记用户名</a>
                </div>
            </div>
        </div>
    </div>
    <div id="intruduce"></div>
    <div class="copyTxt">
        <div class="copy"><span>违法和不良信息举报电话：010-80707000</span><span class="reportMail">举报邮箱：<a
                    href="mailto:jubaotousu@hc360.com">jubaotousu@hc360.com</a></span>Copyright&copy;2000-2021
            hc360.com. All Rights Reserved</div>
    </div>
    <script src="../static/libs/javascripts/cookie.js"></script>
</body>

</html>